<template>
		<router-view v-slot="{ Component }">
			<transition name="page-fade" mode="out-in">
				<component :is="Component" />
			</transition>
		</router-view>
</template>

<script setup>
</script>

<style scoped>
	.page-fade-enter-active,
	.page-fade-leave-active {
		transition: opacity 0.2s ease;
	}

	.page-fade-enter-from,
	.page-fade-leave-to {
		opacity: 0;
	}
</style>